import 'package:flutter/material.dart';
import 'package:flutter_shopping/pages/detail/components/color_dot.dart';
import 'package:flutter_shopping/pages/detail/components/size_display.dart';
import 'package:flutter_shopping/utils/constants.dart';

///
/// 颜色、尺寸
///
class ColorWithSizeView extends StatelessWidget {
  const ColorWithSizeView({
    super.key,
  });

  @override
  Widget build(BuildContext context) {
    return const Row(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        Expanded(
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              Padding(
                padding: EdgeInsets.only(bottom: 8),
                child: Text('Color'),
              ),
              Row(
                children: [
                  ColorDot(
                    dotColor: Color(0xff356c95),
                    select: true,
                  ),
                  SizedBox(width: kDefaultPadding * 0.5),
                  ColorDot(dotColor: Color(0xFFF8C078)),
                  SizedBox(width: kDefaultPadding * 0.5),
                  ColorDot(dotColor: Color(0xFFA29B9B)),
                ],
              )
            ],
          ),
        ),
        Expanded(child: const SizeDisplay()),
      ],
    );
  }
}
